// 事件处理
// vue   <div @click="fn"></div>  <div v-on:click="fn"></div>
// react 是 on + 事件名
function App() {
  const fn = (e) => {
    console.log("reactr定义函数", e);
  }
  const fn2 = (params) => {
    console.log(params);
  }
  const fn3 = (a,b) => {
    console.log(a, b);
  }
  return (
    <div>
      {/* 只要是变量，都放到大括号，不需要添加引号 */}
      <button onClick={fn}>测试事件</button>
      {/* <button onClick={fn2(1)}>测试事件传参</button> */}
      <button onClick={() => fn2(1)}>测试事件传参</button>
      {/* 下面的写法类似于vue里面  $event 传递内置的事件对象 */}
      <button onClick={(e) => fn3(e, 'test')}>测试事件传参</button>
    </div>
  )
}

export default App